<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      >
    
    <h:head>
        <title>Cobrar cuotas de clientes</title>
    </h:head>
    <h:body>
        <h:form id="form1">
            <p:panelGrid columns="3">
                <p:outputLabel value="Cliente"/>
                <p:selectOneMenu id="codClient" value="#{cobrarCuotas.cliente}"  required="true" requiredMessage="Cliente requerido"  >
                    <f:selectItem itemLabel="Seleccione un cliente..."/>
                    <f:selectItems value="#{clientesController.items}"
                                   var="codClienteItem"
                                   itemValue="#{codClienteItem}"
                                   itemLabel="#{codClienteItem.descripcion.toString()}"
                                   />
                    <f:converter binding="#{clientesConverter}"/>
                </p:selectOneMenu>
                <p:commandButton value="Buscar cuotas" immediate="true" ajax="false"  actionListener="#{cobrarCuotas.buscarCuotas()}"  update="datalist"/>
            </p:panelGrid>
             <p:panel id="formVentas" header="Detalle de ventas">

                 <p:dataTable id="datalist" value="#{cobrarCuotas.listaCuotasClientes}" var="item"
                              rowKey="#{item.cliente}"
                             paginator="true"
                             rows="10"
                             rowsPerPageTemplate="10,20,30"
                             >
                     <p:column sortBy="#{item.cliente.descripcion}" filterBy="#{item.cliente.descripcion}">
                        <f:facet name="header">
                            <h:outputText value="Cliente"/>
                        </f:facet>
                         <h:outputText value="#{item.cliente.descripcion}"/>
                    </p:column>
                     <p:column sortBy="#{item.cuotasACobrar.cuotasACobrarPK.nroFactura}" filterBy="#{item.cuotasACobrar.cuotasACobrarPK.nroFactura}">
                        <f:facet name="header">
                            <h:outputText value="Nro. de Factura"/>
                        </f:facet>
                         <h:outputText value="#{item.cuotasACobrar.cuotasACobrarPK.nroFactura}"/>
                    </p:column>
                     <p:column sortBy="#{item.cuotasACobrar.cuotasACobrarPK.nroCuota}" filterBy="#{item.cuotasACobrar.cuotasACobrarPK.nroCuota}">
                        <f:facet name="header">
                            <h:outputText value="Cuota nro."/>
                        </f:facet>
                         <h:outputText value="#{item.cuotasACobrar.cuotasACobrarPK.nroCuota}"/>
                    </p:column>
                     <p:column sortBy="#{item.cuotasACobrar.monto}" filterBy="#{item.cuotasACobrar.monto}">
                        <f:facet name="header">
                            <h:outputText value="Monto"/>
                        </f:facet>
                         <h:outputText value="#{item.cuotasACobrar.monto}"/>
                    </p:column>
                   <p:column >
                        <f:facet name="header">
                            <h:outputText value="             "/>
                        </f:facet>
                       <p:commandButton value="Pagar cuota" actionListener="#{cobrarCuotas.pagoCuota()}" immediate="true" ajax="false" update="datalist"/>
                    </p:column>
                </p:dataTable>

            </p:panel>
        </h:form>
    </h:body>
</html>

